<template>
	<div>
		<headers @back-click="back()" v-bind:headers="headers"></headers>
		<scroll @pullingDown="pullDownRefresh" @pullingUp="pullUpLoad" ref="person" style="margin-top:-1px">
			<div class="content">
				<div class="block-list shadow_primary">
	                <div class="block-item" @click="goWe">
	                    <div class="img-area we"></div>
	                    <div class="name-area ">关于我们</div>
	                </div>
	                <div class="block-item" @click="goAdvice()">
	                    <div class="img-area feedback"></div>
	                    <div class="name-area ">意见反馈</div>
	                </div>
	            </div>
	            <a class="block_btn" @click="exit()">退出登录</a>
	        </div>
        </scroll>
	</div>
</template>
<style lang="less" scoped>
	.content {
		position: relative;
		top: 44px;
		left: 0;
		& .block-list {
			font-size: 12px;
		    color: #666;
		    background-color: #fff;
		    margin: 12px 0 24px;
    		padding: 0 16px;
    		box-sizing: border-box;
			& .block-item {
				position: relative;
				box-sizing: border-box;
			    display: -webkit-box;
			    display: flex;
			    -webkit-box-pack: start;
			    justify-content: flex-start;
			    -webkit-box-align: center;
			    align-items: center;
			    height: 50px;
			    margin: 0;
			    & .img-area {
				    background-image: url('../../assets/img/pers/sets/iconsx.png');
				    width: 20px;
				    background-size: 380%;
				    height: 20px;
				    float: left;
				    position: relative;
				    background-repeat: no-repeat;
				}
				.name-area {
				    font-size: 14px;
				    color: #333;
				    margin-left: 12px;
				}
				.feedback {
				    background-position: -29.25px -1px;
				}
			}
		}
		& .we {
			background-position: -3.75px -3px;
		}
		& .block_btn {
		    display: block;
		    text-align: center;
		    color: #fff;
		    height: 36px;
		    font-size: 16px;
		    line-height: 36px;
		    border-radius: 5px;
		    margin: 0 16px;
		    background-color: #4C5B71;
		}
	}

</style>
<script>
	export default {
		components: {
        },
        data() {
        	return {
	        	headers:{
	                title:'设置',
	                skip:'',
	            }
	        }
        },
        methods: {
            back(){
                this.$router.go(-1);
            },
            goWe(){
            	this.$router.push({path: '/about'});
            },
            goAdvice(){
            	this.$router.push({path: '/feedBack'});
            },
            exit() {
            	localStorage.clear();
            	this.$router.push({path: '/login'});
            },
            pullDownRefresh() {
            	this.$refs.person.forceUpdate();
            	return;
            },
            pullUpLoad(){
            	this.$refs.person.forceUpdate();
            	return;
            }
        },
	}
</script>